<template>
    <div>
        <div class="md-modal modal-msg md-modal-transition" v-bind:class="{'md-show':mdShow}">
            <div class="md-model-inner">
              <div class="md-top">
                <div class="md-title">Login in</div>
                <button class="md-close" @click="closeModel">Close</button>
              </div>
              <div class="md-content">
                <div class="confirm-tips">
                  <slot name="message"></slot>
                </div>
                <div class="btn-wrap">
                  <slot name="btnGroup"></slot>
                </div>
              </div>
            </div>
       </div>
       <div class="md-overlay" v-if="mdShow" @click="closeModel"></div>
    </div>
</template>
<script>
    export default{
        props:["mdShow"],
        data(){
            return{
                msg:'hello vue'
            }
        },
        components:{

        },
        counted(){

        },
        methods:{
            closeModel(){
                this.$emit("close");
            }
        }
    }
</script>

